<template>
    <a-auto-complete
      :data-source="dataSource"
      style="width: 200px"
      placeholder="请尝试输入省份信息"
      :filter-option="filterOption"
    />
</template>
<script>
export default {
    data() {
        return {
            dataSource: ['河北省','山西省','辽宁省','吉林省','黑龙江省','江苏省','浙江省','安徽省','福建省','江西省','山东省','河南省','湖北省','湖南省','广东省','海南省','四川省','贵州省','云南省','陕西省','甘肃省','青海省','台湾省','北京市','天津市','上海市','重庆市','香港特别行政区','澳门特别行政区'
            ],
        };
    },
    methods: {
        filterOption(input, option) {
        return (
            option.componentOptions.children[0].text.toUpperCase().indexOf(input.toUpperCase()) >= 0
        );
        },
    },
};
</script>